Ext.setup({
    icon: 'icon.png',
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png',
    glossOnIcon: false,
    onReady: function() {
        var tabpanel = new Ext.TabPanel({
            tabBar: {
                dock: 'bottom',
                layout: {
                    pack: 'center'
                }
            },
            fullscreen: true,
            ui: 'light',
            cardSwitchAnimation: {
                type: 'slide',
                cover: true
            },
            
            defaults: {
                scroll: 'vertical'
            },
            items: [{
                title: 'Карта',
                html: '<iframe src="map.html" style=" border:none; height:100%; width:100%;" scrolling="no" >',
                cls: 'card4',
                iconCls: 'locate',
			},{
                title: 'Избранное',
                html: '<h1>Избранное</h1>',
                iconCls: 'favorites',
                cls: 'card4',
                badgeText: ''
            },{
                title: 'Список',
                html: '<iframe src="list.html" style=" border:none; height:100%; width:100%;" scrolling="no" >',
                cls: 'card4',
                iconCls: 'bookmarks'
			},{
                title: 'Настройки',
                html: '<h1>Настройки</h1>',
                cls: 'card4',
                iconCls: 'settings'
            },{
                title: 'О создателях',
                html: '<h1>О создателях</h1>',
                iconCls: 'info',
                cls: 'card4'
            }]
        });
    }
});